﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {


            function is_weixin() {
                var ua = navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    return true;
                } else {
                    return false;
                }
            }
            //function is_weixin() {
            //    var ua = navigator.userAgent.toLowerCase();
            //    if (/iphone|ipad|ipod/.test(ua)) {
            //        return false;
            //    } else if (/android/.test(ua)) {
            //        return true;
            //    } else { return false; }
            //}
            var isWeixin = is_weixin();
            var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
            function loadHtml() {
                var div = document.createElement('div');
                div.id = 'weixin-tip';
                div.innerHTML = '<img src="../image/live_weixin.png" alt="请用浏览器打开" style="width: 100%; text-align: center;"/>';
                document.body.appendChild(div);
            }
            function loadStyleText(cssText) {
                var style = document.createElement('style');
                style.rel = 'stylesheet';
                style.type = 'text/css';
                try {
                    style.appendChild(document.createTextNode(cssText));
                } catch (e) {
                    style.styleSheet.cssText = cssText; //ie9以下
                }
                var head = document.getElementsByTagName("head")[0]; //head标签之间加上style样式
                head.appendChild(style);
            }
            var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";
            if (isWeixin) {
                loadHtml();
                loadStyleText(cssText);
            }
        });
    </script>
    <style>
        .divcss5{ border:0px solid #000; width:300px; height:200px;overflow:hidden} 
        .divcss5 img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);} 
    </style>
</head>
<body>
    <div class="jumbotron">
        <h2>青柠檬话剧社纳新啦！</h2>
        <h2>微信浏览器请点击最下面的"原网页"</h2>
        <div style="text-align:center">
            <audio controls="controls">
                <source src="~/music/song.mp3" type="audio/mpeg" />
            </audio>
        </div>
        <div class="divcss5" style="text-align:center">
        <img src="~/image/hezhao.PNG" />
        </div>
        <h3>加入我们: @Html.ActionLink("直接点我", "register", "Register", routeValues: null, htmlAttributes: new { id = "registerLink" }); (或者电脑用户点击右上角注册，移动用户点击右上角菜单选择注册)</h3>
        <h3>纳新QQ群:(加群之后在群消息内发送验证Token)--471543490</h3>
        <div>
            <p>
                ///青柠檬话剧社 成员有计算机学院，核学院，理学院，信通学院，马克思主义学院，人文社会科学学院。还有很多漂亮妹子 可以说从颜值到演技再到技术都不是事儿！
            </p>
            <p>
                ///加个注释:在女生凤毛麟角的大学里面，能认识这么多颜值高的妹子是不是很酷啊
            </p>
            <p>也许刚刚来到大学的你，觉得自己站在人群中&nbsp;&nbsp;那样的渺小</p>
            <p>我想多认识一些志同道合的朋友</p>
            <p>有欢笑&nbsp;&nbsp;也有互助</p>
            <p>我想在灯光聚焦的舞台上展示自己的才艺</p>
            <p>见识多&nbsp;&nbsp;场合大</p>
            <p>我想在话剧中扮演很多种角色&nbsp;&nbsp; 尝试不一样的人生</p>
            <p>品味处在不同角色中的独特味道</p>
            <p>我想在周末闲暇的时间里充实一些</p>
            <p>我想这大学四年不虚度时光锻炼自己表达能力</p>
            <p>我想学学炫酷的图片PS，电台专业级别的音频后期制作</p>
            <p>我想文艺一点儿 写写文章编成剧本演绎出来</p>
            <p>我想摄影，在活动中为话剧拍出最美的剧照</p>
        </div>
        <div>
            <h2>那么，青柠檬话剧社就是你的家！</h2>
            <p>
                相比于其他社团，我们有更灵活的活动时间<br />
                累计聚集200之众、志同道合的小伙伴们<br />
                总计30场大型话剧<br />
            </p>
        </div>
    </div>
    <hr />
</body>
</html>
